@import '../../../var';
.themeList {
    width: 690rpx;
    margin: 0rpx 30rpx 30rpx;
    padding: 35rpx 30rpx;
    background-color: $bgcolor-gray;
    border-radius: 16rpx;
    .themeTitle {
        display: flex;
        flex: 1;
        align-items: center;
        font-weight: 600;
        font-size: 30rpx;
        .titleImg {
            position: relative;
            display: flex;
            justify-content: center;
            width: 70rpx;
            height: 34rpx;
            image {
                width: 100%;
                height: 100%;
            }
            text {
                position: absolute;
                color: #fff;
                font-weight: 500;
                font-size: 20rpx;
            }
        }
        .title {
            max-width: 400rpx;
            margin-left: 12rpx;
        }
    }
    .themContentBox {
        display: flex;
        flex: 1;
        max-height: 70rpx;
        margin-top: 10rpx;
        font-size: 24rpx;
        .themContent {
            flex: 1;
            color: $info-color;
            line-height: 1.5 !important;
            margin-right: 50rpx;
            .user {
                display: flex;
                display: inline-block;
                align-items: center;
                margin-right: 15rpx;
                color: $title-color;
                image {
                    width: 32rpx;
                    height: 32rpx;
                    margin-right: 10rpx;
                    border-radius: 50%;
                    position: relative;
                    bottom: -5rpx;
                }
            }
        }
        .themImg {
            width: 60rpx;
            height: 60rpx;
            background-color: $img-color;
            image {
                width: 100%;
                height: 100%;
            }
        }
    }
}

.search {
    width: 40rpx;
    height: 40rpx;
    margin: 0 25rpx 0 auto;
    padding: 10rpx;
}

.header {
    font-size: 36rpx;
    font-weight: 600;
    color: #1a1a1a;
}